// 先导入变量
@use './_variables' as *;
@use './_mixins' as *;

// 按钮样式
.btn {
  display: inline-block;
  padding: $spacing-small $spacing-large;
  border-radius: $border-radius-base;
  font-size: $font-size-base;
  transition: $transition-base;
  text-align: center;
  cursor: pointer;
  
  &-primary {
    background-color: $primary-color;
    color: $background-color-white;
    
    &:hover {
      background-color: darken($primary-color, 10%);
    }
  }
}

// 卡片样式
.card {
  background: $background-color-white;
  border-radius: $border-radius-base;
  box-shadow: $box-shadow-light;
  
  &-header {
    padding: $spacing-base;
    border-bottom: 1px solid $border-color-light;
  }
  
  &-body {
    padding: $spacing-base;
  }
}

// 表单样式
.form-group {
  margin-bottom: $spacing-base;
  
  label {
    display: block;
    margin-bottom: $spacing-small;
    color: $text-primary;
  }
}

// 导航样式
.nav {
  &-link {
    color: $text-regular;
    padding: $spacing-small $spacing-base;
    transition: $transition-base;
    
    &:hover,
    &.active {
      color: $primary-color;
    }
  }
} 